<template>
  <div>
    <h2>style</h2>
    <Demo :component="Button1Demo"/>
  </div>
  <div>
    <h2>size</h2>
      <Demo :component="Button2Demo"/>
  </div>
  <div>
    <h2>disabled</h2>
      <Demo :component="Button3Demo"/>
  </div>
  <div>
    <h2>loading</h2>
      <Demo :component="Button4Demo"/>
  </div>
</template>
<script lang="ts">
import Button1Demo from './Button1.demo.vue';
import Button2Demo from './Button2.demo.vue';
import Button3Demo from './Button3.demo.vue';
import Button4Demo from './Button4.demo.vue';
import Demo from "./Demo.vue"
export default {
  components: {  Demo },
  setup() {
  return {Button1Demo,Button2Demo,Button3Demo,Button4Demo}
  }
};
</script>
